import { FC } from 'react';
import { Layout } from 'antd';
import { HeaderComp } from './header';
import { SideMenu } from './sideMenu';
import { ContentComp } from './content';

const App: FC = () => (
  <Layout className="h-full">
    <Layout.Header>
      <HeaderComp />
    </Layout.Header>
    <Layout>
      <Layout.Sider theme="light">
        <SideMenu />
      </Layout.Sider>
      <Layout.Content>
        <ContentComp />
      </Layout.Content>
    </Layout>
  </Layout>
);

export default App;
